<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" type="image/x-icon" href="../ico/ai45v-vjnuj-001.ico">

  <!-- CSS only -->
  <link href="./css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
  <!-- JavaScript Bundle with Popper -->
  <script src="./js/bootstrap.bundle.min.js"
    integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous">
    </script>
  <script src="./js/jquery-3.4.1.min.js"></script>

  <title>美食居</title>
</head>

<body>
  <!-- 提示信息 -->
  <div class="modal-body pt-0 nav justify-content-center mt-4" style="position: absolute;left: 0;bottom: 0;">
    <div class="toast align-items-center text-bg-primary border-0 fade" role="alert" aria-live="assertive"
      aria-atomic="true" id="toast1">
      <div class="d-flex">
        <div class="toast-body" id="toast1_text">
        </div>
        <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"
          _mstaria-label="59709"></button>
      </div>
    </div>
  </div>

  <!-- 导航栏 -->
  <nav class="navbar bg-light fixed-top bg-warning">
    <div class="container-fluid   bg-warning  fixed-top" style="height: 7%;">
      <a class="h3" href="/" style="text-decoration: none;color: black;">美食居</a>
      <button class="navbar-toggler" style="background-color: rgb(208, 171, 5);" type="button"
        data-bs-toggle="offcanvas" data-bs-target="#offcanvasDarkNavbar" aria-controls="offcanvasDarkNavbar">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasDarkNavbar"
        aria-labelledby="offcanvasDarkNavbarLabel">
        <div class="offcanvas-header">
          <h4 class="offcanvas-title" id="offcanvasDarkNavbarLabel">导航</h4>
          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas"
            aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
          <ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
            <img src="./Head_p" alt="" style="width: 30%;border-radius: 1000px;">
            <li class="nav-item"><a id="login" class="nav-link" href="./">首页</a></li>

            <li class="nav-item">
              <a class="nav-link" href="#">关于我们</a>
            </li>
          </ul>
        </div data-position>
      </div>
    </div>
  </nav>

  <table class="table" style="margin-top: 7%;">
    <thead>
      <tr>
        <th scope="col">#</th>
        <th scope="col">菜名</th>
        <th scope="col">收藏人数</th>
        <th scope="col">发布时间</th>
        <th scope="col">操作</th>
      </tr>
    </thead>
    <tbody class="table-group-divider" id="panel">

    </tbody>
  </table>

  <script src="./js/myrelease.js">


  </script>
</body>

</html>